{% extends "base.html" %}

{% block title %}仪表盘 - 滩羊疫病监测系统{% endblock %}

{% block content %}
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <h1 class="h3 mb-4">仪表盘</h1>
        </div>
    </div>
    
    <div class="row g-4 mb-4">
        <div class="col-md-6 col-xl-3">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">总病例数</h5>
                    <h2 class="mt-2 mb-0">0</h2>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-xl-3">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">本月新增</h5>
                    <h2 class="mt-2 mb-0">0</h2>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-xl-3">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">活跃区域</h5>
                    <h2 class="mt-2 mb-0">0</h2>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-xl-3">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">病原体类型</h5>
                    <h2 class="mt-2 mb-0">0</h2>
                </div>
            </div>
        </div>
    </div>

    <div class="row g-4">
        <div class="col-12 col-xl-8">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">病例趋势</h5>
                    <div id="trendChart" style="height: 300px;"></div>
                </div>
            </div>
        </div>
        <div class="col-12 col-xl-4">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">病原体分布</h5>
                    <div id="distributionChart" style="height: 300px;"></div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block extra_js %}
<script src="{{ url_for('static', filename='js/vendor/echarts.min.js') }}"></script>
<script>
    // 这里将添加图表初始化代码
</script>
{% endblock %} 